<template>
    <div class="OperateContainer">
        <div class="buttom">
            <div style="border-radius: 16px">
            </div>
        </div>
        <div class="title">{{ data.title }}</div>
    </div>
</template>

<script setup>
import { defineProps } from 'vue';

const props = defineProps({
  data: {
    type: Object,
    required: true
  }
})
</script>

<style lang="less" scoped>
    .OperateContainer{
        min-width: 160px;
        height: 48px;
        display: flex;
        justify-content: space-between;
        padding: 20px;
        padding-left: 0px;
        box-sizing: border-box;
        border-radius: 32px;
        align-items: center;
        background-color: #FFFFFF;
        gap:8px;
        .buttom{
            width: 48px;
            height: 48px;
            background-color: antiquewhite;
            border-radius: 50%;
        }
        .title{
            color: blue;
            width: auto;
        }
    }
</style>